#wrapper,
.container {
    min-width: 320px;
}

@media only screen and (max-width: 1460px) {
    #header-sticky {
        height: auto !important;
    }
}

/* ------------------------------------------------------------------------- *
 *  Toggle Sidebar s2 : 1280px > 480px
/* ------------------------------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 1260px) {
    /* s2 general */
    .s2 {
        width: 30px;
    }
    .s2 .sidebar-content {
        display: none;
        float: left;
        width: 100%;
    }
    .s2 .sidebar-toggle {
        display: block;
    }
    /* s2 expand/collapse */
    .s2-expand .s2 {
        background: #fff;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 340px;
        margin: 0 !important;
        z-index: 9;
        overflow: auto;
        -moz-transition: width .2s ease;
        -webkit-transition: width .2s ease;
        transition: width .2s ease;
    }
    .s2-expand .s2.dark {
        background: #262626;
    }
    .s2-expand .s2 .sidebar-content {
        display: block;
        min-width: 340px;
    }
    .s2-collapse .s2 .sidebar-content {
        display: none;
    }
    /* s2 toggle icon */
    .col-3cm.s2-expand .s2 .icon-sidebar-toggle:before,
    .col-3cl.s2-expand .s2 .icon-sidebar-toggle:before {
        content: "\f061";
    }
    .col-3cr.s2-expand .s2 .icon-sidebar-toggle:before {
        content: "\f060";
    }
    /* s2 3 column, content middle */
    .col-3cm .main {}
    .col-3cm .main-inner {
        padding-right: 30px;
    }
    .col-3cm .s2 {
        margin-right: -30px;
    }
    .col-3cm.s2-expand .s2 {
        right: 0;
    }
    /* ipad, iphone fix */
    .safari .s2 {
        min-width: 50px;
        max-width: 50px;
        width: auto;
    }
    .safari.s2-expand .s2 {
        min-width: 340px;
        max-width: 340px;
        width: auto;
    }
}

@media only screen and (min-width: 961px) and (max-width: 1260px) {
    /* 3 column, content right */
    .col-3cl .main {
        background-image: none;
    }
    .col-3cl .main-inner {
        background: url(img/sidebar/s-right-dual-half-collapse.png) repeat-y right;
        padding-right: 370px;
    }
    .col-3cl .s1 {
        margin-right: -370px;
    }
    .col-3cl .s2 {
        margin-right: -30px;
    }
    .col-3cl.s2-expand .s2 {
        right: 340px;
    }
    /* 3 column, content left */
    .col-3cr .main {
        background-image: none;
    }
    .col-3cr .main-inner {
        background: url(img/sidebar/s-left-dual-half-collapse.png) repeat-y left;
        padding-left: 370px;
    }
    .col-3cr .s1 {
        margin-left: -370px;
    }
    .col-3cr .s2 {
        margin-left: -30px;
    }
    .col-3cr.s2-expand .s2 {
        left: 340px;
    }
}

/* ------------------------------------------------------------------------- *
 *  Toggle Sidebar s1 : 960px > 480px
/* ------------------------------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 960px) {
    /* s1 general */
    .s1 {
        width: 30px;
    }
    .s1 .sidebar-content {
        display: none;
        float: left;
        width: 100%;
    }
    .s1 .sidebar-toggle {
        display: block;
    }
    /* s1 expand/collapse */
    .s1-expand .s1 {
        background: #fff;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 340px;
        margin: 0 !important;
        z-index: 9;
        overflow: auto;
        -moz-transition: width .2s ease;
        -webkit-transition: width .2s ease;
        transition: width .2s ease;
    }
    .s1-expand .s1.dark {
        background: #262626;
    }
    .s1-expand .s1 .sidebar-content,
    .s1-expand .s1 .post-nav {
        display: block;
        min-width: 340px;
    }
    .s1-collapse .s1 .sidebar-content,
    .s1-collapse .s1 .sidebar .post-nav {
        display: none;
    }
    /* s1 toggle icon */
    .col-2cl.s1-expand .s1 .icon-sidebar-toggle:before,
    .col-3cl.s1-expand .s1 .icon-sidebar-toggle:before {
        content: "\f061";
    }
    .col-2cr.s1-expand .s1 .icon-sidebar-toggle:before,
    .col-3cm.s1-expand .s1 .icon-sidebar-toggle:before,
    .col-3cr.s1-expand .s1 .icon-sidebar-toggle:before {
        content: "\f060";
    }
    /* 2 column, content right */
    .col-2cr .main-inner {
        background-position: -290px 0 !important;
        padding-left: 30px;
    }
    .col-2cr .s1 {
        margin-left: -30px;
    }
    .col-2cr.s1-expand .s1 {
        left: 0;
    }
    /* 2 column, content left */
    .col-2cl .main-inner {
        padding-right: 30px;
    }
    .col-2cl .s1 {
        margin-right: -30px;
    }
    .col-2cl.s1-expand .s1 {
        right: 0;
    }
    .col-2cl.s1-expand .sidebar-toggle {
        float: left;
    }
    /* 3 column, content middle */
    .col-3cm .main-inner {
        padding-left: 30px;
    }
    .col-3cm .s1 {
        margin-left: -30px;
    }
    .col-3cm .s2 {
        margin-right: -30px;
    }
    .col-3cm.s1-expand .s1 {
        left: 0;
    }
    .col-3cm.s2-expand .s2 {
        right: 0;
    }
    /* 3 column, content left */
    .col-3cl .main {
        background-image: none;
    }
    .col-3cl .main-inner {
        padding-right: 30px;
    }
    .col-3cl .s1 {
        margin-right: -30px;
    }
    .col-3cl .s2 {
        margin-right: -30px;
        z-index: 98;
    }
    .col-3cl.s1-expand .s1 {
        right: 0;
        z-index: 99;
    }
    .col-3cl.s2-expand .s2 {
        right: 0;
    }
    /* 3 column, content right */
    .col-3cr .main {
        background-image: none;
    }
    .col-3cr .main-inner {
        padding-left: 30px;
    }
    .col-3cr .s1 {
        margin-left: -30px;
    }
    .col-3cr .s2 {
        margin-left: -30px;
    }
    .col-3cr.s1-expand .s1 {
        left: 0;
    }
    .col-3cr.s2-expand .s2 {
        left: 0;
    }
    /* ipad, iphone fix */
    .safari .s1 {
        min-width: 50px;
        max-width: 50px;
        width: auto;
    }
    .safari.s1-expand .s1 {
        min-width: 340px;
        max-width: 340px;
        width: auto;
    }
    .site-description {
        display: none;
    }
}

@media only screen and (min-width: 720px) and (max-width: 1120px) {
    .related-posts li {
        width: 50%;
    }
    .related-posts li:nth-child(3) {
        display: none;
    }
}

/* ------------------------------------------------------------------------- *
 *  Mobile (Mid Res) : 719px > 0px (480px & 320px)
/* ------------------------------------------------------------------------- */

@media only screen and (max-width: 719px) {
    /* layout */
    .container {
        padding: 0;
    }
    .grid {
        width: 100%;
        margin: 0 0 10px;
    }
    /* hide */
    .site-description,
    .image-caption {
        display: none;
    }
    /* base */
    .pad {
        padding: 20px 20px 10px;
    }
    .notebox {
        font-size: 14px;
    }
    .entry {
        font-size: 14px;
    }
    /* text */
    .entry h1 {
        font-size: 30px;
        letter-spacing: -0.7px;
    }
    .entry h2 {
        font-size: 26px;
        letter-spacing: -0.5px;
    }
    .entry h3 {
        font-size: 24px;
        letter-spacing: -0.3px;
    }
    .entry h4 {
        font-size: 22px;
        letter-spacing: -0.3px;
    }
    .entry h5 {
        font-size: 18px;
    }
    .entry h6 {
        font-size: 14px;
    }
    /* header */
    #header {
        padding-bottom: 0;
    }
    .topbar-enabled #header {
        padding-top: 0;
    }
    #header .pad {
        padding: 0;
    }
    .site-title {
        width: 100%;
        float: none;
    }
    .site-title a {
        text-align: center;
    }
    .header-menu .toggle-search {
        left: 15px;
        top: 2px;
        right: auto;
    }
    .search-expand {
        width: auto;
        top: 2px;
        left: 80px;
        right: 70px;
    }
    #header-middle .social-links {
        float: none;
        position: static;
        padding: 0 0 20px;
        margin: 0;
        text-align: center;
        width: 100%;
    }
    #header-middle .social-links li {
        margin: 0 4px;
    }
    #header-middle .social-links .social-tooltip {
        font-size: 18px;
    }
    #header-top .searchform {
        display: block;
    }
    #nav-header.nav-container {
        float: none;
    }
    /* footer */
    #footer-bottom .pad {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    #footer-bottom .one-half.last {
        margin-bottom: 0;
    }
    #footer-bottom {
        text-align: center;
    }
    #footer-bottom #footer-logo {
        margin-left: auto;
        margin-right: auto;
    }
    #footer-bottom .social-links {
        float: none;
    }
    #footer-bottom .social-links li {
        margin-left: 4px;
        margin-right: 4px;
    }
    /* comments */
    .comment-tabs {
        font-size: 14px;
    }
    .commentlist li {
        font-size: 13px;
    }
    .commentlist li ul li {
        padding-left: 10px;
    }
    /* page */
    .home .page-title,
    .category .page-title {
        padding-bottom: 110px;
    }
    .pagination {
        margin-bottom: 30px;
    }
    .image-container img {
        margin-bottom: 20px;
    }
    /* frontpage */
    .stripe li {
        width: 100%;
        margin-bottom: 10px;
    }
    .stripe-comments {
        background: transparent;
    }
    .stripe-comments li a {
        background: #eee;
    }
    /* blog */
    #owl-featured .owl-buttons .owl-next {
        margin-right: 0;
    }
    #owl-featured .owl-buttons .owl-prev {
        margin-left: 0;
    }
    .front-widgets {
        margin-right: 0;
    }
    .front-widget-col {
        width: 100%;
    }
    .front-widget-inner {
        margin: 0;
    }
    .post-title {
        font-size: 20px;
        letter-spacing: 0;
    }
    .post-category {
        font-size: 13px;
    }
    .entry.excerpt {
        font-size: 14px;
    }
    .post-standard .post-inner {
        margin-bottom: 20px;
    }
    .post-standard .post-thumbnail {
        margin-bottom: 0;
    }
    .post-standard .post-title {
        font-size: 20px;
    }
    .post-grid .post-row {
        width: 100%;
        margin-bottom: 0;
        padding-bottom: 0;
        margin-right: 0;
    }
    .post-grid .post-inner {
        margin-right: 0;
    }
    .post-grid .post,
    .post-grid .page {
        width: 100%;
        margin-bottom: 30px;
    }
    .post-list .no-thumbnail .post-content {
        padding: 20px 0;
    }
    .post-list .post-inner {
        padding-left: 0;
        padding: 2px;
    }
    .post-list .post-thumbnail {
        margin: 0 auto;
        float: none;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .post-list .post-content {
        width: 100%;
        padding: 0 20px 20px 20px;
    }
    /* blog single */
    .post-format {
        margin: -18px -18px 20px;
    }
    .single .post-title.ontop {
        color: #444;
        margin-top: 0;
        height: auto;
    }
    .single .post-title {
        font-size: 22px;
        line-height: 1.5em;
        letter-spacing: 0;
    }
    .single .post-byline {
        font-size: 12px;
        padding-top: 0;
    }
    .author-bio {
        padding: 15px;
    }
    .author-bio .bio-avatar {
        margin-right: 15px;
    }
    .author-bio .bio-desc {
        font-size: 13px;
    }
    .sharrre-footer .sharrre .share span {
        display: none;
    }
    .sharrre-footer .sharrre .share .fa {
        bottom: 0;
    }
    .content .post-nav li {
        width: 100%;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    .content .post-nav li a {
        min-height: 0;
    }
    .related-posts li {
        width: 100%;
        margin-bottom: 10px;
    }
    /* shortcodes */
    .dropcap {
        font-size: 80px;
    }
}

/* ------------------------------------------------------------------------- *
 *  Mobile (Low Res) : 479px > 0 (320px)
/* ------------------------------------------------------------------------- */

@media only screen and (max-width: 479px) {
    /* layout */
    .content,
    .sidebar {
        width: 100%;
        float: none;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .sidebar {
        width: 100%;
        display: block;
        float: none;
        margin-top: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .main,
    .main-inner {
        background-image: none !important;
        padding: 0 !important;
        margin: 0;
    }
    .s2 {
        right: 0 !important;
        left: 0 !important;
    }
    .content {
        border-radius: 30px;
    }
    /* hide */
    .mobile-sidebar-hide-s1 .s1,
    .mobile-sidebar-hide-s2 .s2,
    .mobile-sidebar-hide .sidebar {
        display: none;
    }
    /* base */
    .pad {
        padding: 15px 15px 5px;
    }
    .sidebar .widget {
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .notebox {}
    .gallery-caption {
        display: none;
    }
    .post-nav li {
        padding-right: 15px;
        padding-left: 15px;
    }
    /* header */
    .site-title {
        font-size: 32px;
    }
    /* page */
    .page-title {}
    .stripe-popular li .stripe-popular-title {
        font-size: 17px;
    }
    /* blog single */
    .post-format {
        margin: -13px -13px 20px;
    }
    /* sharrre */
    .sharrre-header {
        text-align: center;
        padding-top: 0;
        margin: -20px -15px 20px;
    }
    .sharrre-header .sharrre .box {
        width: 50px;
        margin-top: 10px;
    }
    .sharrre-header .sharrre .count {
        width: 50px;
        border-radius: 30px;
    }
    .sharrre-header .sharrre .count:after {
        content: '';
        left: 49%;
        border: solid 6px transparent;
        border-top-color: #eee;
        margin-left: -6px;
        bottom: -12px;
    }
    .sharrre-header .sharrre .share {
        margin-top: 10px;
    }
    .sharrre-footer .sharrre .count {
        display: none;
    }
}

/* ------------------------------------------------------------------------- *
 * Featured / Highlights
/* ------------------------------------------------------------------------- */

@media only screen and (min-width: 1221px) and (max-width: 1380px) {
    .featured-large:nth-child(1) .featured-o-title {
        font-size: 30px;
        letter-spacing: 0;
    }
}

@media only screen and (max-width: 1220px) {
    .featured-large:nth-child(1) {
        width: 100%;
        margin-bottom: 30px;
    }
    .featured-large:nth-child(2) {
        width: 50%;
        padding-right: 15px;
        padding-left: 0;
    }
    .featured-large:nth-child(3) {
        width: 50%;
        padding-left: 15px;
    }
}

@media only screen and (max-width: 1180px) {
    .featured-large:nth-child(1) .featured-o-title {
        font-size: 24px;
        letter-spacing: 0;
    }
}

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

@media only screen and (max-width: 719px) {
    .featured-large:nth-child(1) .featured-o-thumb,
    .featured-large:nth-child(1) .featured-o {
        width: 100%;
    }
}

@media only screen and (max-width: 479px) {
    .featured-large:nth-child(1) .featured-o-title {
        font-size: 20px;
        padding: 0;
    }
    .featured-large:nth-child(1) .featured-o-date {
        padding: 0;
    }
    .featured-large:nth-child(2) {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }
    .featured-large:nth-child(3) {
        width: 100%;
        padding: 0;
    }
}